<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>    

<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

		<!--引入jquery-->
		<script src="${pageContext.request.contextPath}/js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<!--引入bootsrap-->
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.css"/>
		<script src="${pageContext.request.contextPath}/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/user/index.css"/>
	
</head>
<body>

		<!--导航条-->
		<jsp:include page="/user/header.jsp"></jsp:include>
	
		<!--商品列表-->
		<div class="container main">
			<div class="col-md-12">
			</div>
			
			<div class="col-md-12">	
				<c:forEach var="room" items="${rooms }">					
					
					<div class="col-md-4 rmitem">
						<a href="${pageContext.request.contextPath }/RoomServlet?action=ui&rid=${room.roomId }">
							<img src="/img/${room.rImg }">
						</a>
						<p><a href="${pageContext.request.contextPath }/RoomServlet?action=ui&rid=${room.roomId }" >
									${room.rName }</a></p>
						<p class="price">&yen;${room.rPrice }</p>					
					</div>
										
				</c:forEach>								
			</div>
		</div>	
	
		<!-- footer -->
		<jsp:include page="/user/footer.jsp"></jsp:include>
</body>
</html>